<template>
	<!-- 每行四列 -->
	<div class="fix-box fix-box-fourCol">
		<div class='imgset-fourCol' :class="padding ? 'openpadding' : ''">
			<div class="imgset-fourCol-li">
				<a class="bg-a">
					<img v-if="!fourColArr[0]" src="../../../../../static/images/img_logo9_1.jpg"/>
					<img v-if="fourColArr[0]" :src="fourColArr[0].url || '../../../../../static/images/img_logo9_1.jpg'" />
				</a>
			</div> 
			<div class="imgset-fourCol-li-padding" :style="{width: gap+'px'}"></div>
			<div class="imgset-fourCol-li">
				<a class="bg-a">
					<img v-if="!fourColArr[1]" src="../../../../../static/images/img_logo9_2.jpg"/>
					<img v-if="fourColArr[1]" :src="fourColArr[1].url || '../../../../../static/images/img_logo9_2.jpg'" />
				</a>
			</div> 
			<div class="imgset-fourCol-li-padding" :style="{width: gap+'px'}"></div>
			<div class="imgset-fourCol-li">
				<a class="bg-a">
					<img v-if="!fourColArr[2]" src="../../../../../static/images/img_logo9_3.jpg"/>
					<img v-if="fourColArr[2]" :src="fourColArr[2].url || '../../../../../static/images/img_logo9_3.jpg'" />
				</a>
			</div> 
			<div class="imgset-fourCol-li-padding" :style="{width: gap+'px'}"></div>
			<div class="imgset-fourCol-li">
				<a class="bg-a">
					<img v-if="!fourColArr[3]" src="../../../../../static/images/img_logo9_4.jpg"/>
					<img v-if="fourColArr[3]" :src="fourColArr[3].url || '../../../../../static/images/img_logo9_4.jpg'" />
				</a>
			</div> 
		</div>
	</div>
</template>

<script>
export default {
	data(){
		return {}
	},
	props:{
		fourColArr: Array,
		gap: Number,
		padding: Boolean,
	},
	methods:{},
}
</script>
<style lang="less" scoped>
@import "../../../../../static/css/style.less";
@import "../../../../../static/css/element.less";
@import "../../../../../static/css/imgStyle.less";
</style>

